var http = require('http');
var fs = require('fs');

var server = http.createServer();

var wwwDir = './resource';
server.on('request', function (req, res) {
	fs.readFile('./02-template.html', function (err, data) {
		if (err) {
			return res.end('404 Not Found.');
		}
		//1.如何得到资源目录列表中的文件名和目录
		//   fs.readdir
		//2.如何将得到的目录名和文件名替换到template.html中
		//   模板引擎
		//   2.1在template.html中需要替换的位置预留一个特殊的标记
		//   2.2根据 files 生成需要的 HTML 内容
		fs.readdir(wwwDir, function (err, files) {
			if (err) {
				return res.end(`Can not find ${wwwDir}`);
			}
			var content = '';
			files.forEach((item) => {
				//拼接模板内容
				content += `
				<tr>
					<td data-value="img/">
						<a
							class="icon dir"
							href="/Users/admin/Documents/node-learn/code/resource/img/"
							>${item}/</a
						>
					</td>
					<td class="detailsColumn" data-value="0"></td>
					<td class="detailsColumn" data-value="1591442105">
						2020/6/6 下午7:15:05
					</td>
				</tr>
				`;
			});
			//替换模板内容
			data = data.toString();
			data = data.replace('^_^', content);
			//发送解析替换后的响应数据
			res.end(data);
		});
	});
});

server.listen(3000, function () {
	console.log('Server is running...');
});
